<!--
  Generated template for the TeamPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  
    <ion-navbar #i>
      <ion-buttons start>
        <button ion-button icon-only>
          <ion-icon name="arrow-round-back"></ion-icon>
        </button>
      </ion-buttons>
      <ion-title>团队</ion-title> 
      <ion-buttons end>
        <button ion-button icon-only>
          <ion-icon name="add"></ion-icon>
        </button>
      </ion-buttons>
    </ion-navbar>
  
  </ion-header>
  
  
  <ion-content>
    <div class="a-tabs" [ngClass]="{'join' : tabsActiveIndex == 0, 'new' : tabsActiveIndex == 1}">
      <a>我加入的团队</a>
      <a>我创建的团队</a>
    </div>
    <div>
      <ion-slides (ionSlideDidChange)="changeSelect()">
        <ion-slide>
          <ion-list>
            <ion-item *ngFor="let item of teamDatas" (click)="openTeamDetail()">
              <ion-avatar item-start>
                <img src="{{item.imgUrl}}">
              </ion-avatar>
              <h2 class="teamName">{{item.teamName}}</h2>
              <p>{{item.number}}人</p>
              <img src="./assets/imgs/team/arrow_right.png">
            </ion-item>
          </ion-list>
        </ion-slide>
  
        <ion-slide>
          <ion-list>
            <ion-item *ngFor="let item of teamDatas">
              <ion-avatar item-start>
                <img src="{{item.imgUrl}}">
              </ion-avatar>
              <h2 class="teamName">{{item.teamName}}</h2>
              <p>{{item.number}}人</p>
              <img src="./assets/imgs/team/arrow_right.png">
            </ion-item>
          </ion-list>
        </ion-slide>
      </ion-slides>
  
    </div>
  </ion-content>
  